.basebox {
  width: 100%;
  overflow-x: hidden;
  .spin {
    margin-top: 10%;
    margin-left: calc(50% - 6px);
  }
}

.header {
  padding: 12px 0;
  border-bottom: solid 1px var(--bd);
  .breadcrumb {
    padding-left: 40px;
  }
  .main {
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    padding-left: 30px;
    :global {
      .ant-cascader-picker-label {
        font-weight: 500;
        font-size: 22px;
        font-family: 'PingFang SC';
        font-style: normal;
      }
      .antd-pro-components-station-index-breadcrumb .ant-breadcrumb {
        border: none !important;
        box-shadow: none;
      }
      .ant-cascader-picker:focus .ant-cascader-input {
        border: none !important;
        box-shadow: none;
      }
      .antd-pro-components-station-index-breadcrumbbox:focus {
        border: none !important;
        box-shadow: none;
      }
      .ant-input {
        border: none;
        border-color: transparent;
        border-radius: 0;
        box-shadow: none;
      }
      .ant-select-selection,
      .ant-select-selection--single {
        color: var(--font-a60);
        font-weight: bold;
        font-size: 22px;
        line-height: 32px;
        border: none;
        box-shadow: none;
      }
      .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
        color: var(--font-a60);
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        border: none;
        box-shadow: none;
      }
    }
  }
  .breadcrumbbox {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .breadcrumbtext {
    margin-left: 10px;
    color: var(--font-a60);
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
  }
  .darkBreadcrumbtext {
    color: var(--font-white);
  }
  .suffix {
    margin-left: 5px;
    color: var(--font-a40);
    font-size: 12px;
    transition: all 0.3s ease-out;
  }
}
